// 缓慢移动动画
function animate(obj, target, callback) {
    //先清除之前的定时器  只留一个定时器执行
    clearInterval(obj.timer);
    obj.timer=setInterval(function () {
        //步长值写到定时器里面
        //步长值改为整数  不要出现小数
        var step = (target - obj.offsetLeft) / 10;
        step = step > 0 ? Math.ceil(step) : Math.floor(step);
        if (obj.offsetLeft == target) {
            // 停止动画 本质停止定时器
            clearInterval(obj.timer);
            // 回调函数写在定时器里面结束
            if (callback) {
                //调用
                callback()
            }
        }
        //每次加1 这个步长值改为一个慢慢变小值
        //步长公式（目标值-现在位置）/10
        obj.style.left = obj.offsetLeft + step + 'px';
    },15)
}
var span = document.querySelector('span');
var btn500 = document.querySelector('.btn500');
var btn800 = document.querySelector('.btn800');
btn500.addEventListener('click', function () {
    //调用函数
    animate(span500);
})